// 获取表单和留言列表
const messageForm = document.getElementById('message-form');
const messageList = document.getElementById('message-list'); 
// 添加提交留言的事件监听器
messageForm.addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单默认提交行为 
    // 获取留言内容
    const messageInput = document.getElementById('message');
    const messageText = messageInput.value.trim(); // 获取并去除首尾空格 
    if (messageText !== '') {
        // 创建新的留言条目
        const messageItem = document.createElement('li');
        messageItem.classList.add('message-item');
        messageItem.textContent = messageText; 
        // 将留言添加到留言列表
        messageList.appendChild(messageItem); 
        // 清空留言输入框
        messageInput.value = '';
    } else {
        alert('请输入留言内容！');
    }
});